<template>
  <fieldset>
    <legend>list组件</legend>
    <button @click="add">添加</button>
    <ul>
      <li v-for="(item,index) in arr" :key="index">{{item}}</li>
    </ul>
  </fieldset>
</template>
<script>
     export default{
         data(){
             return{
                 arr:['aa','bb','cc']
             }
     },
     methods:{
         add(){
             //this指向的是当前组件实例
             console.log(this.data);
             this.arr.push(this.data)
         }
     },
     props:['data']//在子组件的选项中,使用props属性接受传递的参数data
    }
</script>
